<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../lib/layui/css/layui.css">
    <link rel="stylesheet" href="../../lib/visjs/vis-network.min.css">
    <link rel="stylesheet" href="../../static/css/edgecompute/task-assign-single-car.css">
    <script src="../../lib/layui/layui.js"></script>
    <script src="../../lib/visjs/vis.js"></script>
    <script src="../../lib/jquery/jquery-3.4.1.min.js"></script>
<!--    <script src="https://pv.sohu.com/cityjson?ie=utf-8"></script>-->
</head>
<body>
<!--<div><button id="testBTN">测试按钮</button></div>-->
<!--<div style="position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: -100">-->
<!--    <img src="../images/background.png" style="width: 100%;" alt="">-->
<!--</div>-->
<div id="allTabs">
    <div class="layui-tab layui-tab-card ">
        <ul class="layui-tab-title">
            <li id="taskListTab" class="layui-this">任务列表</li>
            <li id="routePlanTab">单车路径规划</li>
        </ul>

        <div class="layui-tab-content">
            <!--任务列表tab-->
            <div class="layui-tab-item layui-show">
                <div class="layui-container" id="container-layui">
                    <div class="layui-row layui-col-space10">
                        <div class="layui-col-md9">
                            <blockquote id="allNodeTips" class="layui-elem-quote">
                                注意: <cite>点击</cite> 单元格进行编辑。 <a>点击这里了解属性信息。</a>
                            </blockquote>
                        </div>
                        <div class="layui-col-md2">
                            <input type="text" id="filterSearchBox" autocomplete="off" placeholder="输入以查找"/>
                        </div>
                        <div class="layui-col-md1">
<!--                            <i  class="layui-icon layui-icon-search" style="font-size: 30px"></i>-->
                            <button id="filterSearchBtn" class="layui-btn layui-btn-normal">
                                <i  class="layui-icon layui-icon-search" style="font-size: 25px"></i>
                            </button>
                        </div>
                    </div>
                    <div class="layui-row">
                            <div class="layui-form" lay-filter="filterForm" id="filterRadios">
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <div class="layui-col-md9">
                                            <input id="testRadio1" type="radio" lay-filter="filter-radio" name="filterRadio" value="all" title="全部节点" checked>
                                            <input id="testRadio2" type="radio" lay-filter="filter-radio" name="filterRadio" value="obligatory" title="必走节点" >
                                            <input id="testRadio3" type="radio" lay-filter="filter-radio" name="filterRadio" value="selectable" title="可选节点">
                                            <input id="testRadio4" type="radio" lay-filter="filter-radio" name="filterRadio" value="forbidden" title="不可选节点">
                                        </div>
                                    </div>
                                </div>
                            </div>

                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md12">
                            <div id="allNodeContainer">
                                <table class="layui-hide" id="placeTable" lay-filter="placeTable"></table>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md12">
                            <div id="goToRoutePlanBtnContainer">
                                <button id="goToRoutePlanBtn" class="layui-btn layui-btn-warm">前往单车路径规划 >>></button>
                            </div>
                        </div>
                    </div>
                </div>

<!--                <div id="allNodeContainer">-->
<!--                    <table class="layui-hide" id="placeTable" lay-filter="placeTable"></table>-->
<!--                </div>-->

            </div>

            <!--路径规划tab-->
            <div class="layui-tab-item">
                <fieldset id="paramConfirmFormField" class="layui-elem-field">
                    <legend><h3>路径规划参数表单</h3></legend>
                    <blockquote id="formVerifyTips" class="layui-elem-quote">
                        数据信息不正确？<span style="color: red">点击这里返回编辑。</span>
                    </blockquote>
                    <form id="paramConfirmForm" class="layui-form layui-form-pane" lay-filter="paramConfirmForm_filter">
                        <div class="layui-form-item layui-form-text">
                            <div class="layui-inline inlineArea" >
                                <label class="layui-form-label">
                                    这些是<cite title="click for help" class="placeTips" id="placeTipsCite">必走节点</cite>
                                    <i class="layui-icon layui-icon-tips placeTips" title="click for help"></i>
                                </label>
                                <div class="layui-input-block">
                                    <textarea class="layui-textarea" disabled name="obligatoryArea" id="obigatoryArea" ></textarea>
                                </div>
                            </div>
                            <div class="layui-inline inlineArea">
                                <label class="layui-form-label" id="selectableLabel">
                                    这些是<cite title="click for help" class="placeTips">可选节点</cite>
                                    <i class="layui-icon layui-icon-tips placeTips" title="click for help"></i>
                                </label>
                                <div class="layui-input-block">
                                    <textarea class="layui-textarea" disabled name="selectableArea" id="selectableArea"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">起点</label>
                            <div class="layui-input-inline">
                                <input class="layui-input" name="startPlace"  type="text" lay-verify="required|startPlace" placeholder="输入节点ID" autocomplete="off">
                            </div>
                            <div class="layui-form-mid layui-word-aux">请确认起点在<cite>可选节点</cite>中</div>
                        </div>
                        <div class="layui-form-item checkboxAndSwitch" pane="">
                            <label class="layui-form-label">返回起点？</label>
                            <div class="layui-input-block">
                                <input type="radio" name="returnMode" value="1" title="任务结束后返回起点" checked="">
                                <input type="radio" name="returnMode" value="0" title="任务结束后不返回起点">
                            </div>
                        </div>
                        <div class="layui-form-item checkboxAndSwitch" pane="">
                            <label class="layui-form-label">额外</label>
                            <div class="layui-input-inline">
                                <input type="checkbox" name="machineLearningFlag" lay-skin="switch" lay-filter="machineLearningSwitch" lay-text="ON|OFF" >
                            </div>
                            <div class="layui-form-mid layui-word-aux">是否开启机器学习算法</div>
                        </div>
                        <div class="layui-form-item">
                            <button class="layui-btn" id="submitRouteFormBtn" lay-submit lay-filter="submitRouteFormBtn">开始路径规划</button>
                        </div>
                    </form>
                </fieldset>
            </div>
        </div>
    </div>
</div>


<!--工具栏-->
<!--添加删除按钮-->
<script type="text/html" id="lineBarTool">
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<!--头部添加按钮-->
<script type="text/html" id="topBarTool">
    <button type="button" class="layui-btn layui-btn-sm" lay-event="addTaskEvent" data-method="addNotice">
        增加一个任务
    </button>
</script>


<script src="../../static/js/edgecompute/taskassign/showTask.js"></script>
<script src="../../static/js/edgecompute/taskassign/routePlan.js"></script>
<script src="../../static/js/edgecompute/taskassign/indexInit.js"></script>      <!--顺序不可变，初始化内容-->
<!--<script>-->
<!--    console.log($('#content-iframe'));-->
<!--    console.log($('#allNodeContainer'));-->


<!--</script>-->

</body>
</html>